// import 'package:flutter/material.dart';
// import 'package:ichinesereader/themes/pageStyles.dart';
// import 'package:sidebarx/sidebarx.dart';
// import 'package:ichinesereader/utils/log.dart';
// import 'package:get/get.dart';
// import '../../themes/appTheme.dart';

// class TeacherReportSidebarX extends StatefulWidget {
//   const TeacherReportSidebarX(
//       {Key? key, required this.selectedIndex, required this.isBigScreen})
//       : super(key: key);
//   final int selectedIndex;
//   final bool isBigScreen;

//   @override
//   State<TeacherReportSidebarX> createState() => _TeacherReportSidebarXState();
// }

// class _TeacherReportSidebarXState extends State<TeacherReportSidebarX> {
//   final SidebarXController controller =
//       SidebarXController(selectedIndex: 0, extended: false);
//   final PageStyles _pageStyles = PageStyles();

//   @override
//   void initState() {
//     super.initState();
//     controller.selectIndex(widget.selectedIndex);
//     if (widget.isBigScreen) {
//       controller.setExtended(true);
//     }
//   }

//   @override
//   Widget build(BuildContext context) {
//     Log.debug('start building TeacherReportSidebarX');

//     return Container(
//       margin: _pageStyles.sideBarPageEdgeInsets(),
//       //decoration: _pageStyles.pageSidebarDecoration(),
//       decoration: BoxDecoration(
//         color: Get.isDarkMode
//             ? AppTheme.colors.darkTheme2
//             : Colors.black.withOpacity(0.1),
//         borderRadius: BorderRadius.circular(9.0),
//       ),
//       child: SidebarX(
//         controller: controller,
//         theme: _pageStyles.pageSidebarXTheme(),
//         extendedTheme: _pageStyles.pageSidebarXExtendTheme(),
//         headerBuilder: (context, extended) {
//           return Container(
//             height: 120.0,
//             child: Container(
//               margin: EdgeInsets.symmetric(vertical: 18.0),
//               padding: EdgeInsets.all(6.0),
//               decoration: BoxDecoration(
//                   color: Colors.white.withOpacity(0.3), shape: BoxShape.circle),
//               child: Stack(alignment: Alignment.center, children: [
//                 Container(
//                   width: 45.0,
//                   height: 45.0,
//                   decoration: BoxDecoration(
//                     shape: BoxShape.circle,
//                     color: Get.isDarkMode
//                         ? AppTheme.colors.darkTheme3
//                         : Get.theme.primaryColor.withOpacity(0.8),
//                     boxShadow: [
//                       BoxShadow(
//                         blurRadius: 1,
//                         spreadRadius: 1,
//                         color: Get.isDarkMode
//                             ? Get.theme.primaryColorDark.withOpacity(0.1)
//                             : Colors.black.withOpacity(0.1),
//                         offset: Offset(1, 1),
//                       ),
//                     ],
//                   ),
//                 ),
//                 GestureDetector(
//                     onTap: () {
//                       if (GetPlatform.isWeb) {
//                         Get.toNamed('/teacher/reports');
//                       } else {
//                         Get.offAndToNamed('/teacher/reports');
//                       }
//                     },
//                     child: Icon(
//                       Icons.table_chart_rounded,
//                       color: Get.theme.primaryColorLight,
//                     )),
//               ]),
//             ),
//           );
//         },
//         items: [
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/class');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Class Reports'.tr,
//               child: Icon(
//                 const IconData(0xe0dd, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Class Reports'.tr,
//           ),
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/student');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Student Reports'.tr,
//               child: Icon(
//                 const IconData(0xe083, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Student Reports'.tr,
//           ),
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/homework');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Homework Progress'.tr,
//               child: Icon(
//                 const IconData(0xe5f7, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Homework Progress'.tr,
//           ),
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/basket');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Basket'.tr,
//               child: Icon(
//                 const IconData(0xe07d, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Basket'.tr,
//           ),
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/quizBook');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Quiz Books'.tr,
//               child: Icon(
//                 const IconData(0xe0cb, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Quiz Books'.tr,
//           ),
//           SidebarXItem(
//             onTap: () {
//               Get.toNamed('/teacher/reports/assessment');
//             },
//             iconWidget: Tooltip(
//               textStyle: TextStyle(
//                   color: Get.isDarkMode
//                       ? Get.theme.primaryColor
//                       : Get.theme.primaryColorLight),
//               message: 'Assessments'.tr,
//               child: Icon(
//                 const IconData(0xe08c, fontFamily: 'MaterialIcons'),
//                 color: Get.isDarkMode
//                     ? Get.theme.primaryColorDark
//                     : Get.theme.primaryColorLight,
//               ),
//             ),
//             label: 'Assessments'.tr,
//           ),
//           // SidebarXItem(
//           //   onTap: () {
//           //     Get.toNamed('/teacher/reports/skillBuilding');
//           //   },
//           //   iconWidget: Tooltip(
//           //     message: 'Skill Buildings'.tr,
//           //     child: Icon(
//           //       const IconData(0xe211, fontFamily: 'MaterialIcons'),
//           //         color: Get.isDarkMode
//           //             ? Get.theme.primaryColorDark
//           //             : Get.theme.primaryColorLight),
//           //   ),
//           //   label: 'Skill Buildings'.tr,
//           // ),
//         ],
//       ),
//     );
//   }
// }
